<template>
  <div>
    <el-card style="margin: 20px 0px;">
      <CategorySelect></CategorySelect>
    </el-card>

    <el-card>
      <el-button type="primary" icon="el-icon-plus">添加属性</el-button>
<el-table style="width:100%" border  :data="attrList">
  <el-table-column type="index" label="序号"  align="center"  width="100"></el-table-column>
   <!-- width:"80"  -->
  
  <el-table-column type="" label="属性名称"  ></el-table-column>
  <!-- width:"150"  -->
 
  <el-table-column type="attr" label="属性值列表"  ></el-table-column>
  <el-table-column type="prop" label="操作"  ></el-table-column>

</el-table>
      
    </el-card>



  </div>
</template>
<script>
import {reqAttrList} from '@/api/trademark'
export default {
  name: 'Attr',
  data() {
    return {
      category1Id:"",
      category2Id:"",
      category3Id:"",
      attrList:[],

    };
  },
  methods: {
    async  mounted(){
      this.attrList=await reqAttrList()
    },
    async getAttrList() {
      try{
        const category1Id = this.category1Id
      const category2Id = this.category2Id
      const category3Id = this.category3Id
      let result = await this.$API.attr.reqAttrList(category1Id, category2Id, category3Id)
      console.log(result);
if(result.code==200){
  this.attrList=result.data
}

      }catch(error){
        this.$message({
          type:"error",
          message:"失败"
        });

      }
    
    },
    

  }
}
</script>
<style scoped lang="less"></style>